<template>
  <div>
    <input type="text" placeholder="mac" v-model="mac" />
    <input type="text" placeholder="name" v-model="name" />
    <input type="text" placeholder="info" v-model="info" />
    <input type="text" placeholder="zone" v-model="zone" />
    <button @click="giveTaFive">giveTaFive</button>
  </div>
</template>

<script>
import axios from 'axios'
export default {
  name: 'Band',
  data() {
    return {
      mac: '',
      name: '',
      info: '',
      zone: '',
    }
  },
  created() {},
  methods: {
    giveTaFive() {
      axios
        .post('/ibeacon/data/giveyoufive', {
          mac: this.mac,
          name: this.name,
          info: this.info,
        })
        .then(
          (response) => {
            console.log('he receive the five', response.data)
          },
          (error) => {
            console.log('he do not need a five', error)
          }
        )
    },
  },
}
</script>

<style lang="less" scoped></style>
